/*
*  reset
*
*/
* {
    border: none;
    margin: 0;
    padding: 0;
    /*font-family:"宋体";*/
    font-family: 'MicrosoftYaHei', 微软雅黑,serif;
    color: #444;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}
a:hover{
    color: #b80000;
}
.clear {
    clear: both;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clear {
    *height: 1%;
}

img{
    display: block;
}

li {
    list-style: none;
}

.lf{
    float:left;
}
.rt{
    float:right;
}


body {
    font-size: 62.5%;
}
@media screen and (max-width: 321px) {
    html {
        font-size: 42.667px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 321px) and (max-width: 361px) {
    html {
        font-size: 48px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 361px) and (max-width: 376px) {
    html {
        font-size: 50px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 376px) and (max-width: 394px) {
    html {
        font-size: 52.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 394px) and (max-width: 413px) {
    html {
        font-size: 54.93px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 413px) and (max-width: 415px) {
    html {
        font-size: 55.2px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 415px) and (max-width: 481px) {
    html {
        font-size: 64px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 481px) and (max-width: 541px) {
    html {
        font-size: 72px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 541px) and (max-width: 641px) {
    html {
        font-size: 85.33px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 641px) and (max-width: 721px) {
    html {
        font-size: 96px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 721px) and (max-width: 769px) {
    html {
        font-size: 102.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
@media screen and (min-width: 769px) {
    html {
        font-size: 102.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}
.htmlgray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}